//轮播
// 获取具有特定类名的第一个父div元素
var parentDiv = document.getElementsByClassName('mhy-banner__container')[0];

// 定义一个函数来获取父元素下的前十个子div元素
function getFirstTenChildDivs() {
    var childDivs = parentDiv.querySelectorAll('div');
    return Array.from(childDivs).slice(0, 7);
}

const classes = [
    'mhy-banner__slide mhy-banner__prev2', 'mhy-banner__slide mhy-banner__prev1'
    ,'mhy-banner__slide','mhy-banner__slide', 'mhy-banner__slide mhy-banner__active',  'mhy-banner__slide mhy-banner__next1','mhy-banner__slide mhy-banner__next2' ];

// 存储div元素的引用
var firstTenDivs = getFirstTenChildDivs(); // 假设div的id以"div"开头
// 当前class的索引，用于循环

let currentIndex = 0;

// 定义一个函数来更新div的class
function updateClasses() {
    // 更新索引，如果达到数组末尾则回到0
    currentIndex = (currentIndex + 1) % classes.length;

    // 遍历divs数组，更新每个div的className
    firstTenDivs.forEach((div, index) => {
        // 你可以根据index来决定使用哪个class，但这里我们简单地循环使用classes数组
        // 如果你想要每个div有自己的class循环（而不是所有div共享同一个循环），可以去掉%7的部分
        const classIndex = (index + currentIndex) % classes.length; // 如果想要每个div独立循环，可以去掉这行代码并使用classIndex = index
        div.className = classes[classIndex];
    });
}

// 设置定时器，每秒调用一次updateClasses函数
setInterval(updateClasses, 1200);


